<template>
    <div class="maincontent">
        <el-form :inline="true" :model="form" label-width="80px">
            <el-form-item label="业务编号">
                <el-input v-model="form.businessnumber" style="width:200px;"></el-input>
            </el-form-item>
            <el-form-item label="项目名称">
                <el-input v-model="form.projectname" style="width:200px;"></el-input>
            </el-form-item>
            <el-form-item label="项目级别">
                <el-select v-model="form.level" placeholder="请选择">
                    <el-option label="市级" value="shanghai"></el-option>
                    <el-option label="区县级" value="beijing"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="当前岗位">
                <el-select v-model="form.jobs" placeholder="请选择">
                    <el-option label="岗位一" value="shanghai"></el-option>
                    <el-option label="岗位二" value="beijing"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item>
                <el-button type="primary">查询</el-button>
            </el-form-item>
        </el-form>
        <div class="lines"></div>
        <el-table
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
        >
            <el-table-column type="index" label="序号" width="55" align="center"></el-table-column>
            <el-table-column prop="businessnumber" label="业务编号" align="center"></el-table-column>
            <el-table-column prop="countyname" label="所在区县" align="center"></el-table-column>
            <el-table-column prop="type" label="项目类型" align="center"></el-table-column>
            <el-table-column prop="level" label="项目级别" align="center"></el-table-column>
            <el-table-column prop="projectname" label="项目名称" align="center"></el-table-column>
            <el-table-column prop="jobs" label="当前岗位" align="center"></el-table-column>
            <el-table-column prop="lastSubmissionTime" label="上一岗位提交时间" align="center"></el-table-column>
            <el-table-column prop="submissionPeople" label="提交人" align="center"></el-table-column>
        </el-table>
        <div class="text-center">
            <el-pagination
                :current-page.sync="form.page"
                :page-size="form.size"
                layout="prev, pager, next, jumper"
                :total="pageTotal"
                style="margin-top:20px"
                >
            </el-pagination>
        </div>
    </div>
</template>

<script>

export default {
    data() {
        return {
            form:{
                businessnumber:'',
                projectname:'',
                level:'',
                jobs:'',
                page: 1,
                size: 10,
            },
            pageTotal: 0,
            currentPage3:4,
            tableData:[{
                businessnumber:"123544556",
                countyname:"荣昌县",
                type:"建设用地复垦项目",
                level:"区县级",
                jobs:"前期测绘审查",
                projectname:"荣昌区路孔镇涪江村农村建设用地复垦项目",
                lastSubmissionTime:"2018-09-11 9:11:10",
                submissionPeople:"尹秀兰"
            },{
                businessnumber:"123544556",
                countyname:"荣昌县",
                type:"建设用地复垦项目",
                level:"区县级",
                jobs:"前期测绘审查",
                projectname:"荣昌区路孔镇涪江村农村建设用地复垦项目",
                lastSubmissionTime:"2018-09-11 9:11:10",
                submissionPeople:"尹秀兰"
            },{
                businessnumber:"123544556",
                countyname:"荣昌县",
                type:"建设用地复垦项目",
                level:"区县级",
                jobs:"前期测绘审查",
                projectname:"荣昌区路孔镇涪江村农村建设用地复垦项目",
                lastSubmissionTime:"2018-09-11 9:11:10",
                submissionPeople:"尹秀兰"
            },{
                businessnumber:"123544556",
                countyname:"荣昌县",
                type:"建设用地复垦项目",
                level:"区县级",
                jobs:"前期测绘审查",
                projectname:"荣昌区路孔镇涪江村农村建设用地复垦项目",
                lastSubmissionTime:"2018-09-11 9:11:10",
                submissionPeople:"尹秀兰"
            },{
                businessnumber:"123544556",
                countyname:"荣昌县",
                type:"建设用地复垦项目",
                level:"区县级",
                jobs:"前期测绘审查",
                projectname:"荣昌区路孔镇涪江村农村建设用地复垦项目",
                lastSubmissionTime:"2018-09-11 9:11:10",
                submissionPeople:"尹秀兰"
            }]
        };
    },
    
    created() {
        
    },
    methods: {
        onSubmit(){

        }
    }
};
</script>

<style lang="scss" scoped>
    .maincontent{
        padding: 30px 40px;
        .lines{
            height:10px;
            background:rgba(245,247,250,1);
            margin-top: 20px;
        }
    }
</style>
 